<template>
	<view>
		<view class="go-home" @click="backHome">
			<image :src="imglink + 'home/home-Selected.png'" mode=""></image>
		</view>
		<view class="" v-if="page_type == 'inviteAct' || page_type =='inviteActDown'">
			<view class="form-gather">
				<view class="">{{this.title}}</view>
				<!-- #ifdef MP-WEIXIN -->
					<button class="" open-type="share">邀请员工参与活动</button>
				<!-- #endif -->
				<!-- #ifdef H5 -->
					<view class="" @click="inviteStaff">邀请员工参与活动</view>
				<!-- #endif -->
			</view>
			<scroll-view scroll-y="true" :style="'height:'+height+'px'" scroll-with-animation  @scrolltolower="LoadingMore1">
				<view class="act-participant" v-if="permission_list.length!=0">
					<view class="act-participant-title">
						本活动参与人员
					</view>
					<view class="act-participant-msg">
						<view class="">头像/昵称</view>
						<view class="">加入时间</view>
						<view class="">操作</view>
					</view>
					<view class="">
						<view class="act-participant-content" v-for="(item, index) in permission_list" :key='index'>
							<view class="act-participant-basics">
								<image :src="item.customer.avatar" mode=""></image>
								<!-- <image v-else src="" alt="暂无头像"></image> -->
								<text class="name">{{item.customer.nickname}}</text>
							</view>
							<view class="act-participant-details">
								<text>{{item.date_added}}</text>
								<view v-if="activity_create_customer_id !=item.customer_id">
									<view v-if="item.status == 0" class="act-participant-operation cancel-operation" @click="changePermission(item)">
										恢复权限
									</view>
									<view v-else class="act-participant-operation" @click="changePermission(item)">
										取消权限
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
		<view v-else-if="page_type == 'check'">
			<view class="form-num">
				<view class="form-num-title">{{title}}</view>
				<view class="form-num-content">
					<view class="">{{form_collection_list.length}}份</view>
					<view class="">收表单数量</view>
				</view>
				<!-- #ifdef H5 -->
					<view class="derived-form"  @click="getExcel" :data-clipboard-text="copyText">
						复制链接，下载excel表
					</view>
				<!-- #endif -->
				<!-- #ifdef MP-WEIXIN -->
					<view class="derived-form"  @click="getExcel(copyText)">
						复制链接，下载excel表
					</view>
				<!-- #endif -->
			</view>
			<view class="" v-if="form_collection_list.length!=0">
				<view class="collect-form-details">
					<view class="">
						收集表单明细
					</view>
				</view>
				<view class="staff_msg_content" v-for="(item, index) in form_collection_list" :key='index'>
					<view class="staff_msg_top">
						<view class="">
							<image :src="item.user.avatar" mode=""></image>
							<text>{{item.user.nickname}}</text>
						</view>
						<view class="">
							{{item.date_added}}
						</view>
					</view>
					<!-- <view class="staff_msg_phone">
						<view class="">
							电话：13580873719
						</view>
						<view class="">
							拨打电话
						</view>
					</view> -->
					<view class="patriarch-child-msg">
						<view class="" v-for="info in item.field" :key='info.custom_field_id'>
							{{info.name}}：<text>{{info.value}}</text>
						</view>
						<!-- <view class="">
							孩子信息：<text>5岁/女</text>
						</view> -->
					</view>
					<!-- <view class="salesman-msg">
						<view class="">
							<image :src="imglink + 'home/member-img.png'" mode=""></image>
							<text>张三</text>
							<view class="">
								业务员
							</view>
						</view>
						<view class="">
							负责该课程活动相关业务
						</view>
					</view> -->
				</view>
			</view>
		</view>
		<!-- 分享提示 -->
		<uni-popup ref="shareTip" :custom="true">
			<view class="popup_box_de_share">
				<image class="popup_box_close_share" :src="imglink + 'share_tip.png'"></image>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	//#ifdef H5
		import wx from '@/common/wx-js-sdk.js'
		import Clipboard from 'clipboard'
	//#endif
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	export default{
		components:{uniPopup},
		data(){
			return {
				imglink: this.$store.state.imgLink,
				page_type:'',
				page:1,
				pagesize:8,
				lastPage:'',
				permission_list: [],
				form_collection_list: [],					// 表单收集信息列表
				collection_info_id:'',
				store_collect_info_id: '',
				height:0,
				activity_id: '',
				activity_create_customer_id:0,
				option: '',
				title: '',
				store_id:'',
				customer_info:{},
				copyText:'',
				store_info:''
			}
		},
		
		onLoad(option) {
			this.height = parseInt(uni.getSystemInfoSync().windowHeight) - this.height
			this.option = option
			let store_id = parseInt(option.store_id,10);
			if(!store_id>0){
				store_id = uni.getStorageSync('store_id')
			}else{
				uni.setStorageSync('store_id', store_id)
			}
			this.store_id = store_id
			this.$store.commit('updateStoreId',store_id)
			console.log(option)
			this.page_type = option.use
			this.getUserinfo()
			if(option.page == 'form'){
				console.log(this.page_type)
				if(this.page_type == 'inviteActDown'){
					this.title = uni.getStorageSync('inviteStaffActDown').title
					this.activity_id = uni.getStorageSync('inviteStaffActDown').store_collect_info_id
					this.get_customer_employee_field_select()
				}else if(this.page_type == 'check'){
					this.store_collect_info_id = uni.getStorageSync('orderDetailsForm').store_collect_info_id
					this.title = uni.getStorageSync('orderDetailsForm').title
					this.copyText = this.$store.state.URL + '/order/order/get_excel?token=' + this.$store.getters.getToken + '&activity_id=' + this.store_collect_info_id
					this.get_activity_down_select()
					console.log("订单详情......获取线下表单活动数据", this.store_collect_info_id)
				}
				this.collection_info_id = option.id
			}else{
				// #ifdef H5
					document.title = '活动员工管理';
					if (/ip(hone|od|ad)/i.test(navigator.userAgent)) {
						var i = document.createElement('iframe');
						i.src = '/favicon.ico';
						i.style.display = 'none';
						i.onload = function() {
							setTimeout(function(){
								i.remove();
							}, 1)
						}
						document.body.appendChild(i);
					}
				// #endif
				console.log(this.page_type)
				// let info = uni.getStorageSync('inviteStaffAct')
				// console.log(info,'info')
				this.title = this.option.title
				if(this.page_type == "inviteAct"){
					this.activity_id = uni.getStorageSync('inviteStaffAct').activity_id
					this.title = uni.getStorageSync('inviteStaffAct').name
					console.log("inviteAct.....",uni.getStorageSync('inviteStaffAct'))
					this.get_customer_employee_get_select()
				}
			}
		},
		onShareAppMessage(res) {
			let _self = this
			console.log('share',_self.activity_id);
			let shareData = {}
			_self.setActivityShare(_self.activity_id)
			if(_self.page_type == "inviteAct"){
				return {
					title:  _self.store_info.nickname + '邀请您加入' +  _self.title + '活动', // 分享描述
					path: '/pages/memberCenter/specialGroup/invite/inviteStaff?store_id=' + _self.$store.getters.getStoreId + 
						'&actId=' + _self.activity_id + '&customer_id=' + _self.store_info.customer_id + '&page_type=actOn', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
					imageUrl: uni.getStorageSync('inviteStaffAct').image[0].image, // 分享图标
				}
			}else{
				return {
					title:  _self.store_info.nickname + '邀请您加入' +  _self.title + '活动', // 分享描述
					path: '/pages/memberCenter/specialGroup/invite/inviteStaff?store_id=' + _self.$store.getters.getStoreId + 
						'&actId=' + _self.activity_id + '&customer_id=' + _self.store_info.customer_id + '&page_type=actDown', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
					imageUrl: uni.getStorageSync('inviteStaffAct').image[0].image, // 分享图标
				}
			}
		},
		
		methods:{
			// 添加活动分享次数
			setActivityShare(id){
				let data = {
					token: this.$store.getters.getToken,
					activity_id: id
				}
				this.$api.add_activity_share(data).then(res => {
					
					console.log(res)
					
				}).catch(err => {
					console.log(err)
				})
			},
			// #ifdef H5
				getExcel(){
					const clipboard = new Clipboard('.derived-form')
					clipboard.on('success', (e) => {
						uni.showToast({
							title:'下载链接已复制，请前往浏览器下载！',
							icon:'none',
							duration:2000
						})
					  clipboard.destroy()
					})
					clipboard.on('error', () => {
					  clipboard.destroy()
					})
				},
			// #endif
			// #ifdef MP-WEIXIN
				getExcel(copyText){
					uni.setClipboardData({
						data: copyText,
						success: function (res) {
							uni.getClipboardData({
								success: function (res) {
									console.log(res.data) // data
									uni.showToast({
										title:'下载链接已复制，请前往浏览器下载！',
										icon:'none',
										duration:2000
									})
								}
							})
						}
					})
				},
			// #endif
			//返回首页
			backHome(){
				uni.navigateTo({
					url:'/pages/home/home?store_id=' + this.store_id
				})
			},
			share(){
				console.log('11111111111')
				this.$refs.shareTip.open()
			},
			getUserinfo(){
				const _self = this
				
				const data = {
					token:this.$store.getters.getToken,
					customer_store_id:this.store_id
				}
				
				this.$api.getCustomerInfo(data).then(res => {
					
					_self.store_info = res.data.userinfo
					
				}).catch( err => {
					console.log(err)
				})
			},
			async inviteStaff(){
				const _self = this
				
				const data = {
					token:this.$store.getters.getToken,
					customer_store_id:this.store_id
				}
				
				this.$api.getCustomerInfo(data).then(res => {
					
					if(!res.status){
						return false
					}
					// console.log(res.data,'store res.data')
					// return false
					const store_info = res.data.userinfo
					// 进行签名的时候  Android 不用使用之前的链接， ios 需要
					let signLink = /(Android)/i.test(navigator.userAgent) ? location.href : window.entryUrl;
					let data = {
						token:_self.$store.getters.getToken,
						url:signLink
					}
					
					this.$api.gain_share_data(data).then( res => {
						const shareConfig = JSON.parse(res.data)
						
						console.log(shareConfig,'share res.data')
						this.$refs.shareTip.open()
						wx.config(shareConfig)
						wx.ready(function(){
							
							wx.checkJsApi({
								jsApiList: [
									'updateTimelineShareData',
									'updateAppMessageShareData',
									'onMenuShareAppMessage',
									'onMenuShareTimeline'
								],
								success: function(res) {
									console.log('接口检测成功:'+res);
								},
								error: function(err) {
									console.log('接口检测失败:'+err);
								}
							})
							let shareData = {}
							if(_self.page_type == "inviteAct"){
								shareData = {
									title: _self.title, // 分享标题
									desc:  store_info.nickname + '邀请您加入' +  _self.title + '活动', // 分享描述
									link: location.href,
									link: _self.current_url()+'/pages/memberCenter/specialGroup/invite/inviteStaff?store_id=' + _self.$store.getters.getStoreId + '&actId=' + _self.activity_id + '&customer_id=' + store_info.customer_id + '&page_type=actOn', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
									imgUrl: uni.getStorageSync('inviteStaffAct').image[0].image, // 分享图标
									success: function (res) {
									  console.log(res,'success ---')
									},
									fail:function(err){
										console.log(err.errMsg,'fail ---')
									}
								}
							}else{
								shareData = {
									title: _self.title, // 分享标题
									desc:  store_info.nickname + '邀请您加入' +  _self.title + '活动', // 分享描述
									link: location.href,
									link: _self.current_url()+'/pages/memberCenter/specialGroup/invite/inviteStaff?store_id=' + _self.$store.getters.getStoreId + '&actId=' + _self.activity_id + '&customer_id=' + store_info.customer_id + '&page_type=actDown', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
									imgUrl: uni.getStorageSync('inviteStaffAct').image[0].image, // 分享图标
									success: function (res) {
									  console.log(res,'success ---')
									},
									fail:function(err){
										console.log(err.errMsg,'fail ---')
									}
								}
							}
							
							wx.updateAppMessageShareData(shareData);
							wx.updateTimelineShareData(shareData);
						})
						wx.error(function(res){
							console.log(res,'wx.error')
						})					
					}).catch( err => {
						
						console.log(err)
					})
					
				}).catch( err => {
					console.log(err)
				})
			},
			// 获取权限
			get_customer_employee_field_select(){
				console.log("get_customer_employee_field_select.....")
				let data = {
					token: this.$store.getters.getToken,
					page: this.page,
					pagesize: this.pagesize
				}
				this.$api.get_customer_employee_field_select(data).then(res => {
					this.permission_list = res.data.data
					this.lastPage = res.data.last_page
					console.log(this.permission_list)
				}).catch(err => {
					console.log(err)
				})
			},
			// getCustomer(){
				
			// 	const data = {
			// 		token: this.$store.getters.getToken,
			// 		store_id:this.store_id
			// 	}
			// 	this.$api.getCustomerInfo(data).then(res => {
			// 		console.log(res)
			// 		if(res.status){
			// 			this.customer_info = res.data.userinfo
			// 			this.inviteStaff(this.customer_info)
			// 			// this.$store.commit('updataUserInfo',this.customer_info.userinfo);
			// 			// uni.setStorageSync('userInfo',this.customer_info.userinfo)
			// 			//判断用户是否为店主
			// 			// if(this.customer_info.role == 3){
			// 				// this.is_current_store_owner = 1
			// 			// }
			// 		}
			// 	}).catch(err => {
			// 		console.log(err)
			// 	})
			// 	// let customer_info = this.$api.getCustomerInfo(data)
			// 	// console.log(this.customer_info)
				
			// },
			// 修改
			change_activity_permission(item){
				console.log("change_activity_permission....")
				let data = {
					token: this.$store.getters.getToken,
					store_id: item.store_id,
					collection_info_id: this.collection_info_id,
					customer_store_employee_id: item.customer_store_employee_id
				}
				
				this.$api.change_activity_permission(data).then(res => {
					if(res.status){
						let data = {
							token: this.$store.getters.getToken,
							page: 1,
							pagesize:this.pagesize
						}
						this.$api.get_customer_employee_field_select(data).then(res => {
							this.permission_list = res.data.data
						}).catch(err => {
							console.log(err)
						})
					}else{
						uni.showToast({
							title:res.msg,
							icon:'none',
							duration:2000
						})
					}
				}).catch(err => {
					console.log(err)
				})
			},
			
			// ======================== 华丽的分隔符 ==============================
			
			//获取活动店铺数据  get_customer_employee_get_select
			get_customer_employee_get_select(){
				console.log("get_customer_employee_get_select.....")
				let data = {
					token: this.$store.getters.getToken,
					page: this.page,
					pagesize: this.pagesize,
					store_id:this.$store.getters.getStoreId,
					activity_id:this.activity_id
				}
				this.$api.get_customer_employee_get_select(data).then(res => {
					console.log(res)
					if(res.status){
						this.permission_list = res.data.data
						this.activity_create_customer_id = res.activity.customer_id
						this.lastPage = res.data.last_page
						console.log(this.permission_list,'111111111111 ')
					}
				}).catch(err => {
					console.log(err)
				})
			},
			
			// 修改店铺员工权限操作
			//change_employee_permission
		change_employee_permission(item){
			console.log("change_employee_permission")
			let data = {
				token: this.$store.getters.getToken,
				store_id: item.store_id,
				activity_id: this.activity_id,
				customer_store_employee_id: item.customer_store_employee_id
			}
			this.$api.change_employee_permission(data).then(res => {
				if(res.status){
					let data = {
						token: this.$store.getters.getToken,
						page: 1,
						pagesize: this.pagesize,
						store_id:this.$store.getters.getStoreId,
						activity_id:this.activity_id,
					}
					this.$api.get_customer_employee_get_select(data).then(res => {
						this.permission_list = res.data.data
					}).catch(err => {
						console.log(err)
					})
				}else{
					uni.showToast({
						title:res.msg,
						icon:'none',
						duration:2000
					})
				}
			}).catch(err => {
				console.log(err)
			})
		},
		
		// ======================= 华丽的分隔符 =============================
		
		// 上拉加载更多(需要判断哪个页面加载更多)
		LoadingMore1(){
			console.log("上拉加载更多数据....")
			this.page++
			if(this.page<=this.lastPage){
				let data = {
					token: this.$store.getters.getToken,
					page: this.page,
					pagesize: this.pagesize,
					store_id:this.$store.getters.getStoreId,
					activity_id:this.activity_id
				}
				// 判断哪个页面的加载更多，发送请求
				if(this.page_type == 'inviteActDown'){
					this.$api.get_customer_employee_field_select(data).then(res=>{
						console.log("get_customer_employee_field_select....")
						this.permission_list = this.permission_list.concat(res.data.data)	
					}).catch(err => {
						console.log(err)
					})
				}else if(this.page_type == "inviteAct"){
					this.$api.get_customer_employee_get_select(data).then(res=>{
						console.log("get_customer_employee_get_select....")
						this.permission_list = this.permission_list.concat(res.data.data)	
					}).catch(err => {
						console.log(err)
					})
				}
			}else{
				uni.showToast({
					title:'没有更多了',
					icon:'none',
					duration:2000
				})
			}
		},
		
		// 修改权限，需要判断哪个页面点击的修改
		changePermission(item){
			
			if(this.option.page == 'form' && this.page_type == 'inviteActDown'){
				this.change_activity_permission(item)
			}else if(this.option.page != 'form' && this.page_type == 'inviteAct'){
				this.change_employee_permission(item)
			}
		},
		
		// ============================= 华丽的分隔符 ===============================
		// 获取所有线下活动表单的列表数据
		get_activity_down_select(){
			let data = {
				token: this.$store.getters.getToken,
				store_collect_info_id:this.store_collect_info_id,
				page: this.page,
				pagesize: this.pagesize,
			}
			
			this.$api.get_activity_down_select(data).then(res => {
				if(res.status){
					this.lastPage = res.list.last_page
					this.form_collection_list = res.list
					console.log(this.form_collection_list)
				}else{
					uni.showToast({
						title:res.msg,
						icon:'none',
						duration:2000
					})
				}
			}).catch(err => {
				console.log(err)
			})
		},
			
			
		}
	}
</script>

<style>
	.go-home{
		width: 60upx;
		height: 60upx;
		border-radius: 50%;
		position: fixed;
		border: 1upx solid #DEDEDE;
		bottom: 50upx;right: 50upx;
		z-index: 999;
	}
	.go-home>image{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.popup_box_de_share{
		width: 100%;
		height: 100%;
	}
	.popup_box_close_share{
		width: 300upx;
		height: 300upx;
		position: fixed;
		top: 10upx;right: 10upx;
	}
	page{
		background: #F3F3F4;
	}
	.form-gather,.form-num{
		width: 100%;
		padding: 0 30upx;
		padding-bottom: 40upx;
		box-sizing: border-box;
		background: #FFFFFF;
	}
	.form-gather>view:first-child,.form-num-title{
		padding: 30upx 0;
		box-sizing: border-box;
		width: 100%;
		border-bottom: 1upx solid #DEDEDE;
		color: #333333;
		font-size: 34upx;
	}
	.form-gather>view:last-child,.derived-form{
		width: 638upx;
		height: 88upx;
		line-height: 88upx;
		text-align: center;
		color: #FFFFFF;
		margin: 0 auto;
		margin-top: 36upx;
		font-size: 32upx;
		background: linear-gradient(to right,#FE9543,#FF664F);
		border-radius: 44upx;
		box-shadow: 0 8upx 16upx 0 rgba(166, 13, 0, 0.23);
	}
	.form-gather>button{
		width: 638upx;
		height: 88upx;
		line-height: 88upx;
		text-align: center;
		color: #FFFFFF;
		margin: 0 auto;
		margin-top: 36upx;
		font-size: 32upx;
		background: linear-gradient(to right,#FE9543,#FF664F);
		border-radius: 44upx;
		box-shadow: 0 8upx 16upx 0 rgba(166, 13, 0, 0.23);
	}
	.act-participant{
		width: 100%;
		padding: 30upx;
		box-sizing: border-box;
		background: #FFFFFF;
		margin-top: 20upx;
	}
	.act-participant-title{
		color: #333333;
		font-size: 30upx;
	}
	.act-participant-msg{
		width: 100%;
		height: 64upx;
		line-height: 64upx;
		padding: 0 36upx 0 20upx;
		box-sizing: border-box;
		background: #F4F5F9;
		display: flex;
		justify-content: space-between;
		margin-top: 20upx;
	}
	.act-participant-msg>view{
		color: #999999;
		font-size: 28upx;
	}
	.act-participant-content{
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding: 20upx 0;
		box-sizing: border-box;
		border-bottom: 1upx solid #DEDEDE;
	}
	
	.act-participant-content:last-child{
		border-bottom: none;
	}
	
	.act-participant-basics{
		display: flex;
		flex-grow: 1;
	}
	.act-participant-basics>image{
		width: 80upx;
		height: 80upx;
		border-radius: 50%;
	}
	.act-participant-basics>text{
		display: inline-block;
		margin-left: 20upx;
		line-height: 80upx;
		color: #333333;
		font-size: 28upx;
	}
	.act-participant-details{
		display: flex;
		flex-grow: 2;
		justify-content: space-between;
	}
	.act-participant-details>text{
		color: #666666;
		font-size: 28upx;
		line-height: 80upx;
	}
	.act-participant-operation{
		width: 128upx;
		height: 44upx;
		line-height: 44upx;
		text-align: center;
		border: 1upx solid #666666;
		border-radius: 4upx;
		color: #666666;
		font-size: 24upx;
		margin-top: 18upx;
	}
	.cancel-operation{
		color: #FF8B46;
		border-color: #FF8B46;
	}
	.form-num-content{
		text-align: center;
		margin-top: 28upx;
	}
	.form-num-content>view:first-child{
		color: #333333;
		font-size: 48upx;
	}
	.form-num-content>view:last-child{
		color: #999999;
		font-size: 22upx;
		margin-top: 6upx;
	}
	.collect-form-details{
		width: 100%;
		padding: 0 30upx;
		box-sizing: border-box;
		background: #FFFFFF;
		margin-top: 20upx;
	}
	.collect-form-details>view{
		width: 100%;
		padding: 30upx 0;
		box-sizing: border-box;
		border-bottom: 1upx solid #DEDEDE;
		color: #333333;
		font-size: 30upx;
	}
	.staff_msg_content{
		width: 100%;
		padding: 20upx 30upx 30upx;
		box-sizing: border-box;
		background: #FFFFFF;
		margin-bottom: 20upx;
	}
	.staff_msg_top{
		display: flex;
		justify-content: space-between;
	}
	.staff_msg_top>view:first-child{
		display: flex;
	}
	.staff_msg_top>view>image,.salesman-msg>view>image{
		width: 80upx;
		height: 80upx;
		border-radius: 50%;
	}
	.staff_msg_top>view>text{
		display: inline-block;
		color: #333333;
		font-size: 28upx;
		margin-left: 20upx;
		line-height: 80upx;
	}
	.staff_msg_top>view:last-child{
		color: #666666;
		font-size: 28upx;
		line-height: 80upx;
	}
	.staff_msg_phone{
		display: flex;
		justify-content: space-between;
	}
	.staff_msg_phone>view:first-child{
		color: #666666;
		font-size: 28upx;
		margin-left: 100upx;
		line-height: 50upx;
	}
	.staff_msg_phone>view:last-child{
		width: 130upx;
		height: 50upx;
		line-height: 50upx;
		color: #FFFFFF;
		text-align: center;
		font-size: 24upx;
		background: linear-gradient(to right,#FE9543,#FF664F);
		border-radius: 4upx;
		box-shadow: 0 8upx 16upx 0 rgba(166, 13, 0, 0.23);
	}
	.patriarch-child-msg{
		width: 100%;
		/* height: 100upx; */
		/* line-height: 100upx; */
		background: #F4F5F9;
		margin-top: 30upx;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 30upx 56upx 10upx 44upx;
		box-sizing: border-box;
		font-size: 28upx;
	}
	.patriarch-child-msg>view{
		width: 50%;
		color: #666666;
		margin-bottom: 20upx;
	}
	.patriarch-child-msg>view>text{
		color: #333333;
		font-weight: 800;
	}
	.salesman-msg{
		display: flex;
		justify-content: space-between;
		margin-top: 30upx;
	}
	.salesman-msg>view:last-child{
		color: #000000;
		font-size: 24upx;
		line-height: 80upx;
	}
	.salesman-msg>view:first-child{
		display: flex;
	}
	.salesman-msg>view>text{
		color: #333333;
		font-size: 28upx;
		display: inline-block;
		line-height: 80upx;
		margin-left: 20upx;
	}
	.salesman-msg>view>view{
		width: 80upx;
		height: 28upx;
		line-height: 28upx;
		text-align: center;
		border: 1upx solid #FF8B46;
		color: #FF8B46;
		font-size: 22upx;
		margin-top: 28upx;
		margin-left: 14upx;
	}
	
	.act-participant-basics .name{
		width: 100upx;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
</style>
